<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>全部课程</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/zepto.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <div class="all">
        <img src="images/img_01.jpg" alt="" class="top_bg_img">
        <img src="images/img_03.jpg" alt="" class="top_bg_img">
        <img src="images/img_04.jpg" alt="" class="top_bg_img">
    </div>
    <div class="nav">
        <img src="images/1-6_active.png" data-src="images/1-6.png" data-active-src="images/1-6_active.png" alt="" class="nav_img">
        <img src="images/7-12.png" data-src="images/7-12.png" data-active-src="images/7-12_active.png" alt="" class="nav_img">
        <img src="images/13-24.png" data-src="images/13-24.png" alt="" data-active-src="images/13-24_active.png" class="nav_img">
        <img src="images/25-36.png" data-src="images/25-36.png" alt="" data-active-src="images/25-36_active.png" class="nav_img">
    </div>
    <div id="course_1">
        <div class="month">
            <img src="images/month1_03.jpg" alt="">
            <img src="images/month1_04.jpg" alt="">
            <img src="images/month1_06.jpg" alt="">
            <img src="images/month1_07.jpg" alt="">
            <img src="images/month1_08.jpg" alt="">
            <img src="images/month1_09.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month2_10.jpg" alt="">
            <img src="images/month2_11.jpg" alt="">
            <img src="images/month2_13.jpg" alt="">
            <img src="images/month2_15.jpg" alt="">
            <img src="images/month2_16.jpg" alt="">
            <img src="images/month2_17.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month3_19.jpg" alt="">
            <img src="images/month3_20.jpg" alt="">
            <img src="images/month3_21.jpg" alt="">
            <img src="images/month3_22.jpg" alt="">
            <img src="images/month3_23.jpg" alt="">
            <img src="images/month3_02.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month4_04.jpg" alt="">
            <img src="images/month4_05.jpg" alt="">
            <img src="images/month4_06.jpg" alt="">
            <img src="images/month4_07.jpg" alt="">
            <img src="images/month4_08.jpg" alt="">
            <img src="images/month4_09.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month5_11.jpg" alt="">
            <img src="images/month5_12.jpg" alt="">
            <img src="images/month5_13.jpg" alt="">
            <img src="images/month5_14.jpg" alt="">
            <img src="images/month5_15.jpg" alt="">
            <img src="images/month5_16.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month6_18.jpg" alt="">
            <img src="images/month6_19.jpg" alt="">
            <img src="images/month6_20.jpg" alt="">
            <img src="images/month6_21.jpg" alt="">
            <img src="images/month6_22.jpg" alt="">
            <img src="images/month6_23.jpg" alt="">
        </div>
        <div class="open">
            <img src="images/open_06.jpg" alt="">
        </div>
        <div class="close">
            <img src="images/close_06.jpg" alt="">
        </div>
    </div>
    <div id="course_2">
        <div class="month">
            <img src="images/month7_02.jpg" alt="">
            <img src="images/month7_03.jpg" alt="">
            <img src="images/month7_04.jpg" alt="">
            <img src="images/month7_06.jpg" alt="">
            <img src="images/month7_07.jpg" alt="">
            <img src="images/month7_08.jpg" alt="">
            <img src="images/month7_09.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month8_10.jpg" alt="">
            <img src="images/month8_11.jpg" alt="">
            <img src="images/month8_12.jpg" alt="">
            <img src="images/month8_13.jpg" alt="">
            <img src="images/month8_14.jpg" alt="">
            <img src="images/month8_15.jpg" alt="">
            <img src="images/month8_16.jpg" alt="">
            <img src="images/month8_18.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month9_02.jpg" alt="">
            <img src="images/month9_04.jpg" alt="">
            <img src="images/month9_05.jpg" alt="">
            <img src="images/month9_06.jpg" alt="">
            <img src="images/month9_07.jpg" alt="">
            <img src="images/month9_08.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month10_09.jpg" alt="">
            <img src="images/month10_10.jpg" alt="">
            <img src="images/month10_11.jpg" alt="">
            <img src="images/month10_12.jpg" alt="">
            <img src="images/month10_13.jpg" alt="">
            <img src="images/month10_15.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month11_16.jpg" alt="">
            <img src="images/month11_17.jpg" alt="">
            <img src="images/month11_18.jpg" alt="">
            <img src="images/month11_19.jpg" alt="">
            <img src="images/month11_20.jpg" alt="">
            <img src="images/month11_22.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month12_23.jpg" alt="">
            <img src="images/month12_24.jpg" alt="">
            <img src="images/month12_25.jpg" alt="">
            <img src="images/month12_26.jpg" alt="">
            <img src="images/month12_27.jpg" alt="">
            <img src="images/month12_28.jpg" alt="">
        </div>
        <div class="open">
            <img src="images/open_06.jpg" alt="">
        </div>
        <div class="close">
            <img src="images/close_06.jpg" alt="">
        </div>
    </div>
    <div id="course_3">
        <div class="month">
            <img src="images/month13_02.jpg" alt="">
            <img src="images/month13_03.jpg" alt="">
            <img src="images/month13_04.jpg" alt="">
            <img src="images/month13_05.jpg" alt="">
            <img src="images/month13_06.jpg" alt="">
            <img src="images/month13_07.jpg" alt="">
            <img src="images/month13_08.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month14_09.jpg" alt="">
            <img src="images/month14_10.jpg" alt="">
            <img src="images/month14_11.jpg" alt="">
            <img src="images/month14_12.jpg" alt="">
            <img src="images/month14_13.jpg" alt="">
            <img src="images/month14_14.jpg" alt="">
            <img src="images/month14_15.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month15_16.jpg" alt="">
            <img src="images/month15_17.jpg" alt="">
            <img src="images/month15_18.jpg" alt="">
            <img src="images/month15_19.jpg" alt="">
            <img src="images/month15_20.jpg" alt="">
            <img src="images/month15_21.jpg" alt="">
            <img src="images/month15_22.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month16_23.jpg" alt="">
            <img src="images/month16_24.jpg" alt="">
            <img src="images/month16_25.jpg" alt="">
            <img src="images/month16_26.jpg" alt="">
            <img src="images/month16_27.jpg" alt="">
            <img src="images/month16_28.jpg" alt="">
            <img src="images/month16_29.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month17_30.jpg" alt="">
            <img src="images/month17_31.jpg" alt="">
            <img src="images/month17_32.jpg" alt="">
            <img src="images/month17_33.jpg" alt="">
            <img src="images/month17_34.jpg" alt="">
            <img src="images/month17_35.jpg" alt="">
            <img src="images/month17_36.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month18_37.jpg" alt="">
            <img src="images/month18_38.jpg" alt="">
            <img src="images/month18_39.jpg" alt="">
            <img src="images/month18_40.jpg" alt="">
            <img src="images/month18_41.jpg" alt="">
            <img src="images/month18_42.jpg" alt="">
            <img src="images/month18_43.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month19_44.jpg" alt="">
            <img src="images/month19_45.jpg" alt="">
            <img src="images/month19_46.jpg" alt="">
            <img src="images/month19_47.jpg" alt="">
            <img src="images/month19_48.jpg" alt="">
            <img src="images/month19_49.jpg" alt="">
            <img src="images/month19_50.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month20_51.jpg" alt="">
            <img src="images/month20_52.jpg" alt="">
            <img src="images/month20_53.jpg" alt="">
            <img src="images/month20_54.jpg" alt="">
            <img src="images/month20_55.jpg" alt="">
            <img src="images/month20_56.jpg" alt="">
            <img src="images/month20_57.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month21_58.jpg" alt="">
            <img src="images/month21_59.jpg" alt="">
            <img src="images/month21_60.jpg" alt="">
            <img src="images/month21_61.jpg" alt="">
            <img src="images/month21_62.jpg" alt="">
            <img src="images/month21_63.jpg" alt="">
            <img src="images/month21_64.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month22_65.jpg" alt="">
            <img src="images/month22_66.jpg" alt="">
            <img src="images/month22_67.jpg" alt="">
            <img src="images/month22_68.jpg" alt="">
            <img src="images/month22_69.jpg" alt="">
            <img src="images/month22_70.jpg" alt="">
            <img src="images/month22_71.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month23_72.jpg" alt="">
            <img src="images/month23_73.jpg" alt="">
            <img src="images/month23_74.jpg" alt="">
            <img src="images/month23_75.jpg" alt="">
            <img src="images/month23_76.jpg" alt="">
            <img src="images/month23_77.jpg" alt="">
            <img src="images/month23_78.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month24_79.jpg" alt="">
            <img src="images/month24_80.jpg" alt="">
            <img src="images/month24_81.jpg" alt="">
            <img src="images/month24_82.jpg" alt="">
            <img src="images/month24_83.jpg" alt="">
            <img src="images/month24_84.jpg" alt="">
        </div>
        <div class="open">
            <img src="images/open_06.jpg" alt="">
        </div>
        <div class="close">
            <img src="images/close_06.jpg" alt="">
        </div>
    </div>
    <div id="course_4">
        <div class="month">
            <img src="images/month25_02.jpg" alt="">
            <img src="images/month25_03.jpg" alt="">
            <img src="images/month25_04.jpg" alt="">
            <img src="images/month25_05.jpg" alt="">
            <img src="images/month25_06.jpg" alt="">
            <img src="images/month25_07.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month26_08.jpg" alt="">
            <img src="images/month26_10.jpg" alt="">
            <img src="images/month26_11.jpg" alt="">
            <img src="images/month26_12.jpg" alt="">
            <img src="images/month26_13.jpg" alt="">
            <img src="images/month26_14.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month27_15.jpg" alt="">
            <img src="images/month27_16.jpg" alt="">
            <img src="images/month27_17.jpg" alt="">
            <img src="images/month27_18.jpg" alt="">
            <img src="images/month27_19.jpg" alt="">
            <img src="images/month27_20.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month28_21.jpg" alt="">
            <img src="images/month28_22.jpg" alt="">
            <img src="images/month28_23.jpg" alt="">
            <img src="images/month28_24.jpg" alt="">
            <img src="images/month28_25.jpg" alt="">
            <img src="images/month28_26.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month29_27.jpg" alt="">
            <img src="images/month29_29.jpg" alt="">
            <img src="images/month29_30.jpg" alt="">
            <img src="images/month29_31.jpg" alt="">
            <img src="images/month29_32.jpg" alt="">
            <img src="images/month29_33.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month30_34.jpg" alt="">
            <img src="images/month30_35.jpg" alt="">
            <img src="images/month30_36.jpg" alt="">
            <img src="images/month30_37.jpg" alt="">
            <img src="images/month30_38.jpg" alt="">
            <img src="images/month30_39.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month31_40.jpg" alt="">
            <img src="images/month31_41.jpg" alt="">
            <img src="images/month31_42.jpg" alt="">
            <img src="images/month31_43.jpg" alt="">
            <img src="images/month31_44.jpg" alt="">
            <img src="images/month31_45.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month32_46.jpg" alt="">
            <img src="images/month32_47.jpg" alt="">
            <img src="images/month32_48.jpg" alt="">
            <img src="images/month32_49.jpg" alt="">
            <img src="images/month32_50.jpg" alt="">
            <img src="images/month32_51.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month33_52.jpg" alt="">
            <img src="images/month33_53.jpg" alt="">
            <img src="images/month33_54.jpg" alt="">
            <img src="images/month33_55.jpg" alt="">
            <img src="images/month33_56.jpg" alt="">
            <img src="images/month33_57.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month34_58.jpg" alt="">
            <img src="images/month34_59.jpg" alt="">
            <img src="images/month34_60.jpg" alt="">
            <img src="images/month34_61.jpg" alt="">
            <img src="images/month34_62.jpg" alt="">
            <img src="images/month34_63.jpg" alt="">
            <img src="images/month34_64.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month35_65.jpg" alt="">
            <img src="images/month35_66.jpg" alt="">
            <img src="images/month35_67.jpg" alt="">
            <img src="images/month35_68.jpg" alt="">
            <img src="images/month35_69.jpg" alt="">
            <img src="images/month35_70.jpg" alt="">
        </div>
        <div class="month">
            <img src="images/month36_71.jpg" alt="">
            <img src="images/month36_72.jpg" alt="">
            <img src="images/month36_73.jpg" alt="">
            <img src="images/month36_74.jpg" alt="">
            <img src="images/month36_75.jpg" alt="">
            <img src="images/month36_76.jpg" alt="">
            <img src="images/month36_77.jpg" alt="">
        </div>
        <div class="open">
            <img src="images/open_06.jpg" alt="">
        </div>
        <div class="close">
            <img src="images/close_06.jpg" alt="">
        </div>
    </div>
    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?e846d6889717cfb13b2dc95ad183ba8a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>
